<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
</head>
<body>
    <header></header>
    <main>
        <!-- 无商品显示画面 -->
        <div class="no_cart">
            <div class="middle">
                <img src="../img/img/cart_img/kongCart.png" alt="">
                <div>
                    <h1>你的购物车居然是空的</h1>
                    <a href="../index.html">去逛逛</a>
                </div>
            </div>
        </div>
        <!-- 有商品显示 -->
        <div class="have_cart">
            <div class="container">
                <div class="cart_table">
                    <table>
                        <thead>
                            <tr class="xxx">
                                <th>选择</th>
                                <th>商品</th>
                                <th>属性</th>
                                <th>单价</th>
                                <th>数量</th>
                                <th>小计</th>
                                <th>操作</th>
                            </tr>
                            <tr class="aaa">
                                <td colspan="7">360商城自营</td>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- <tr>
                                <td>
                                    <input type="checkbox">
                                </td>
                                <td class="good_info">
                                    <a href=""><img src="../img/img/index_img/hot3.webp" alt="">
                                    <div class="sss">360智能摄像机云台7p超清版</div></a>
                                    
                                </td>
                                <td>分类:AP1PA3</td>
                                <td>¥:249</td>
                                <td>
                                    <span class="sub" data-id="${item.goods_id}">-</span>
                                    <input type="text" value="${item.cart_number}" class="txt"
                                        data-id="${item.goods_id}" />
                                    <span class="add" data-id="${item.goods_id}">+</span>
                                </td>
                                <td>
                                    <span class="price">¥:249元</span>
                                </td>
                                <td><span class="del" data-id="${item.goods_id}">删除</span></td>
                            </tr> -->
                        </tbody>
                    </table>
                    <div class="cart_footer">
                        <div class="left">
                            <input type="checkbox" value="" class="selectAll" />全选
                            <span class="dlAll">删除选中商品</span>
                           
                        </div>
                        <div class="right">
                            <div class="allNum">已选商品<b class="totalNum">0</b>件</div>
                            <div class="allCount">合计 ￥<b class="money">0</b>元</div>
                            <a href="./checklist.html">
                                <div class="calc">结算</div>
                            </a>
                            
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </main>
    <footer></footer>
    <script src="../libs/jquery.min.js"></script>
    <script src="../libs/jquery.cookie.js"></script>

    <script src="../js/cart.js"></script>
    <script>
        $('header').load('./header.html')
        $('footer').load('./footer.html')
    </script>
</body>
</html>